<template>

HTML上でCusomt Element風なものを書いて、それをJS(Custom Element)で読み込んで使う

code:html

<template id="my-button">

<img src="">

<button type="button"></button>

</template>

code:js

const template = document.querySelector("#my-button");

const clone = document.importNode(template.content, true);

clone.querySelector("button").innerText = "my button";

document.body.appendChild(clone);

普通にJS内に書けばいいじゃん

なんでわざわざglobalなhtml上に書くのかわからん